<template>
  <!-- 在template中 ，只能存在一个跟组件 -->
  <div>
    <p>子组件</p>
    <button @click="sendMsg">传递</button>
  </div>
</template>
<script>
export default {
  name: "child",
  props: {
    num: {
      type: Number,
      default: 3
    }
  },
  data() {
    return {
      msg: "我是子组件数据"
    };
  },
  computed: {
    addNum() {
      return this.num * 5;
    }
  },
  methods: {
    sendMsg() {
      //两个参数： 参数1：key 参数2：data
      this.$emit("sendMsg", this.addNum);
    }
  }
};
</script>
<style scoped>
</style>